<!--  -->
<template>
	<div class="page">
		<div class="header">
			<div class="header-con">
				<div class="header-back">
					<router-link to="/mines">
						<span class="back">
							<i class="iconfont">&#xe604;</i> back
						</span>
					</router-link>
				</div>
				<div class="header-title"></div>
				<div class="header-mines">
					<!-- <i class="iconfont">&#xe633;</i>
					<span v-html="this.computeFlags"></span> -->
				</div>
			</div>
		</div>
		<div class="select-body">
				功能开发中<br>
				(扫雷游戏,个人作品,非商用)
		</div>
	</div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
	.page{
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		.header,.footer{
			width: inherit;
			height: 40px;
			border:1px solid #48525a;
			border-left:none;
			border-right: none;
			color: azure;
		}
		/*页头部样式*/
		.header-con{
			width: 100%;height: inherit;
			display: flex;
			flex-direction: row;
			.header-back,.header-mines{
				width:60px;height: inherit;
				padding: 0 5px;
				display: flex;
				justify-content: center;align-items: center;
			}
			.back{
				display: flex;
				flex-direction: row;justify-content: center;align-items: center;
				padding: 2px 5px;
				border-radius: 2px;
				background: #545159;
				cursor: pointer;
				color: #fbfbfb;
				>i{
					color: #29f5a6;
				}
			}
			.header-mines{
				>i{
					color: #35e5fb;
				}
				>span{
					margin-left: 5px;
				}
			}
			.header-title{
				height: inherit;
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
		.select-body{
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #a5a5a5;
		}
	}
</style>